<template>
 <!-- vue组件模板中一定要有一个根元素(不支持碎片化模板) -->
  <div class="App"> 
    <h1 class="content">我是App组件</h1>
    <input type="text" ref="ipEle">
    <button @click="getMsg">获取输入框的值</button>
    <Count ref="CountComp"/>
  </div>
</template>

<script>
import Count from "@/components/Count"
export default {
name:"App",
components:{
  Count
},
methods: {
  // 如果ref设置给了子组件上,则我们通过$refs拿到的是这个组件的组件实例
  //    最常用的就是通过子组件的实例拿到子组件的数据进行处理(组件通信-->子传父)
      
  getMsg(){
    console.log(this.$refs);
  }
},
}
</script>

<style>
</style>